<template>
  <el-form :model="condition" label-width="120px" class="condition-query-form">
    <el-form-item label="贷款金额">
      <el-input v-model.number="condition.loanAmnt" :readonly="true">
        <template slot="append">万元</template>
      </el-input>
    </el-form-item>
    <el-form-item label="贷款期限">
      <el-input v-model.number="condition.term" :readonly="true">
        <template slot="append">年&nbsp;&nbsp;&nbsp;&nbsp;</template>
      </el-input>
    </el-form-item>
    <el-form-item label="贷款利率">
      <el-input v-model.number="condition.interestRate" :readonly="true">
        <template slot="append">%&nbsp;&nbsp;&nbsp;&nbsp;</template>
      </el-input>
    </el-form-item>
    <el-form-item label="分期付款金额">
      <el-input v-model.number="condition.installment" :readonly="true">
        <template slot="append">万元</template>
      </el-input>
    </el-form-item>
    <el-form-item label="就业年限">
      <el-input v-model.number="condition.employmentLength" :readonly="true">
        <template slot="append">年&nbsp;&nbsp;&nbsp;&nbsp;</template>
      </el-input>
    </el-form-item>
    <el-form-item label="房屋所有权状况">
      <el-select v-model="condition.homeOwnership" :disabled="true">
        <el-option label="存在" :value="Number(1)"></el-option>
        <el-option label="不存在" :value="Number(0)"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="年收入">
      <el-input v-model.number="condition.annualIncome" :readonly="true">
        <template slot="append">万元</template>
      </el-input>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  props: {
    condition: {
      type: Object,
      default: null
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.condition-query-form{
  padding-left: 5%;
  h3{
    padding-left: 140px;
  }
  .el-input{
    max-width: 200px;
  }
}
</style>
